<template>
    <view>
        <!-- #ifdef H5 -->
        <view class="CCII-header">
            <i v-if="showBack" class="iconfont icon-zuojiantou" @click="$handleOpenUrl('', 2)"></i>
            <slot></slot>
        </view>
        <view class="empty"></view>
        <!-- #endif -->
    </view>
</template>

<script>
export default {
    name: 'Header',
    props: {
        showBack: {
            type: Boolean,
            default: true
        }
    },
}
</script>

<style lang="scss" scoped>
.empty{
    height: 88upx;
}

.CCII-header {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 88upx;
    line-height: 88upx;
    // padding: 0 30upx;
    text-align: center;
    color: #333333;
    font-size: 36upx;
    background-color: #fff;
    border-bottom: 1upx solid #F2F2F2;
    .icon-zuojiantou:before {
        position: absolute;
        left: 20upx;
        font-size: 40upx;
        font-weight: 600;
    }
}
</style>